<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app">   
        <p>原价格：{{price}}</p>   
        <!-- 过滤器可以传参 -->   
        <p>处理为美元：{{price | formatMoney('en-US')}}</p>   
        </div>   
        <script src="js/vue.js"></script>
        <script>   
        const app = new Vue({   
            el: "#app",   
            data: {   
            price: 19812.549   
            }, 
            filters: {   
               // 第一个参数是要过滤的数据，第二个参数开始是过滤器传的参数   
            formatMoney(money, locales) {   
                 // toLocaleString() 方法返回这个数字特定于语言环境的表示字符串   
                return '$' + money.toFixed(2).toLocaleString(locales);   
            }   
            }   
        });   
        </script>
</body>
</html>